<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns="http://www.w3.org/1999/xhtml"
                template="/template.xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="content">

        <f:view>
            <h:form>

                <p:panel header="INSERT NEW FAQS" style="width:800px">
                    <p:growl showDetail="true" showSummary="true"  />
                    <p:panelGrid columns="2">

                        <h:outputLabel value="Question (*):" for="question" />
                        <p:inputTextarea id="question" value="#{fAQBean.faq.question}" title="Question"
                                      

                                         style="width: 500px" rows="6">

                        </p:inputTextarea>


                        <h:outputLabel value="Answer (*):" for="answer" />
                        <p:inputTextarea id="answer" value="#{fAQBean.faq.answer}" title="Answer"
                                         style="width: 500px" rows="6" />




                    </p:panelGrid>
                    Please enter value in field (*)
                    <f:facet name="footer">
                        <p:commandButton value="Insert" action="#{fAQBean.insertFAQ}" ajax="false"/>
                        <p:commandButton value="Cancel" action="ManageFAQs" ajax="false" immediate="true"/>
                    </f:facet>
                </p:panel>
            </h:form>
        </f:view>
    </ui:define>
</ui:composition>
